// =========
// 页面辅助类
// =========

// 
// 隐藏元素 .hide-{#}
// 

@mixin make-hide-content($breakpoints: $grid-breakpoints) {
  @each $breakpoint in map-keys($breakpoints) {
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
    $infix: breakpoint-infix($next, $grid-breakpoints);

    @include media-breakpoint-down($breakpoint, $breakpoints) {
      .hide#{$infix} {
        display: none !important;
      }
    }
  }
}

@include make-hide-content();

.show-sm {
  @include media-breakpoint-up(sm) {
    display: none !important;
  }
}

//
// Hint 提示气泡
//

.hint {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  &.hint-primary {
    background: theme-color("primary");
  }
  &.hint-danger {
    background: theme-color("danger");
  }
}

// 
// Normal Link
// 

.link-normal {
  display: flex;
  align-items: center;
  i {
    font-size: $font-size-base;
  }
}

// 
// Font-size
// 

.font-size-lg {
  font-size: $font-size-lg !important;
}

.font-size-sm {
  font-size: $font-size-sm !important;
}

.font-size-xs {
  font-size: $font-size-xs !important;
}
